<html>
  <head>
    <meta charset="utf-8" ></meta>
    <link rel="stylesheet" type="text/css" href="../styles/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../styles/ui.css" />
    <title>Index</title>
  </head>
  <body style="position: relative;" >
    <div class="ht-c-panel-group js-index" >
      <div class="panel panel-default ht-c-panel htrd-l-fl">
        <div class="ht-c-panel-header">
          <div class="ht-c-title" >拓扑展示</div>
          <div class="js-graph-enlarge htrd-l-fr ht-c-icon ht-c-icon-max" ></div>
        </div>
        <div class="ht-c-panel-content">
          <div class="htrd-c-host-map js-htrd-c-host-map" ></div>
        </div>
      </div>

      <div class="panel panel-default ht-c-panel-large ht-c-panel htrd-l-fr" >
        <div class="ht-c-panel-header">
          <div class="ht-c-title" >告警列表</div>
          <div class="js-notive-enlarge htrd-l-fr ht-c-icon ht-c-icon-max" ></div>
          <div class="chart-group-filter" ></div>
        </div>
        <div class="ht-c-panel-content">
          <div class="htrd-c-chart-notice-list js-chart-notice-list"></div>
          <!-- <div class="htrd-c-chart-info js-htrd-c-chart-info"></div> -->
          <!-- <div class="htrd-c-host-map js-htrd-c-host-map" ></div> -->
        </div>
      </div>

      <div class="panel panel-default ht-c-panel ht-c-panel-small htrd-l-fl">
        <div class="ht-c-panel-header">
          <div class="ht-c-title" >重点关注</div>
          <div class="js-follow-enlarge htrd-l-fr ht-c-icon ht-c-icon-max"></div>
        </div>
        <div class="ht-c-panel-content">
          <div class="follow-list" ></div>
        </div>
      </div>

      <div class="panel panel-default ht-c-panel ht-c-panel-small htrd-l-fr js-panel-chart" style="margin-right: 0px;display: none;" >
        <div class="ht-c-panel-content">
          <div class="chart-title" style="font-size: 20px;line-height: 40px;height: 40px;text-align: center;margin: 10px auto;"></div>
          <div class="chart-subtext" style="margin-left: 25px;"></div>
          <div class="htrd-c-chart-info js-htrd-c-chart-info" style="height: 250px;margin: 0px auto;" ></div>
        </div>
      </div>
    </div>

    <div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content"></div>
      </div>
    </div>

    <div class="htrd-l-panel-enlarge" >
      <div class="header">
        <div class="js-panel-enlarge-title ht-c-title" ></div>
        <div class="js-close-enlarge-panel ht-c-icon ht-c-icon-min" ></div>
      </div>
      <div class="content" >
        <div class="chart-group-filter" ></div>
      </div>
    </div>
    <script src="../baseUrl.js"></script>
    <script data-main="../dist/index" src="../js/require.js" ></script>
  </body>
</html>
